<template>
  <!--    <div></div>-->
  <div class="flex items-center">
    <div>
      <svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <circle cx="11" cy="11.25" r="8" fill="#D0C4FF" />
        <circle cx="7" cy="7.75" r="7" fill="url(#paint0_linear_1476_1570)" />
        <defs>
          <linearGradient
            id="paint0_linear_1476_1570"
            x1="9.47288e-08"
            y1="1"
            x2="14"
            y2="13"
            gradientUnits="userSpaceOnUse"
          >
            <stop stop-color="#ACA3F8" />
            <stop offset="1" stop-color="#5947F1" />
          </linearGradient>
        </defs>
      </svg>
    </div>
    <div class="text-18px text-[#1C174D] font-550 px-10px">{{ title }}</div>
  </div>
</template>

<script setup lang="ts">
  import { defineProps } from "vue";
  const props = defineProps({
    title: {
      type: [String, Number],
      default: "",
    },
  });
</script>

<style scoped lang="scss"></style>
